<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script src="../motion.js"></script>
    </head>
    <body>
        <div id="result">BenchMarking ...</div>
        <script type="text/javascript">
                var motions = [];
                var from = 0, to = 500;
                var result = document.getElementById('result');
                for(var i in Motion.getTweens()) {
                    var tmp = new Motion(i, 1000);

                    tmp.onInit = function() {
                        this.fps = 1000;
                    };

                    tmp.onStart = function() {
                        this.startTime = new Date();
                    };

                    tmp.onTweening = function() {
                        var move = this.equation(from, to);
                    };

                    tmp.onComplete = function() {
                        this.completeTime = new Date();
                        result.innerHTML += this.tween + ': ' + (this.completeTime - this.startTime) + 'ms<br />';
                    };

                    motions.push(tmp);
                }

                result.innerHTML = '';
                for(var i = 0, len = motions.length; i < len; i++) {
                    motions[i].start();
                }
        </script>
    </body>
</html>
